/* 1 登录与注册切换
登录点击a标签 登录页面隐藏 注册显示
注册点击a标签 注册页面隐藏 登录显示

2 注册
1给注册表单 绑定提交事件 阻止默认行为
2获取注册表单中的 用户名和密码
3调用 注册接口
4成功 恭喜用户 自动切换到登录页面 

3 登录
    1 给登录表单 绑定点击事件 阻止默认行为
    2 获取用户名和密码 发送给后端 响应token回来
    3 前端 接受token 使用本地存储 存起来
*/



// 1 登录与注册切换
const register =document.querySelector('.register');
const login =document.querySelector('.login');
const registerA =document.querySelector('.register-a');
const loginA =document.querySelector('.login-a');

// 登录页面点击 登录隐藏 注册显示
registerA.addEventListener('click',function(e){
    register.style.display="none";
    login.style.display="block"
});
// 注册页面点击 注册隐藏 登录显示
loginA.addEventListener('click',function(e){
    login.style.display="none";
    register.style.display="block"
});



//2 注册
register.querySelector('form').addEventListener('submit',function(e){
    e.preventDefault();
    const data = $(this).serialize();
    axios.post('/api/register',data).then(e=>{
        if (e.data.code===0) {
            toastr.success(e.data.message);
            registerA.click()
        }
    })
})



// 3 登录
login.querySelector('form').addEventListener('submit',function(e){
    e.preventDefault();
    const data = $(this).serialize();
    axios.post('/api/login',data).then(e=>{
        console.log(e);
        if (e.data.code===0) {
            toastr.success(e.data.message);
            localStorage.setItem("token",e.data.token);//存一个校牌 使得有校牌的才能加载出index
            setTimeout((e) => {
                location.href='./index.html'//跳转页面直接到首页
            }, 1500);//1.5秒之后 跳转到首页
        }
    })
})


